import React, { createElement, Component } from 'react'
import { render } from 'react-dom'
// createElement('div', {}, [])
// render(react元素, 挂载点, callback)

// let oDiv = createElement('div', {}, ['我是一个Div'])

let oUl = <ul>
    <li>1111</li>
    <li>2222</li>
    <li>3333444</li>
    <li>55555555</li>
    <li>66666666</li>
    <li>7777777888888888888</li>
</ul>


// function App() {
//     return <div>
//         <h3>我是函数式组件</h3>
//     </div>
// }

class App extends Component {
    render() {
        return <div>
            我是类组件~~~
        </div>
    }
}


// render(可以接收组件)
render(<App/>, document.getElementById('root'), () => {
    console.log('渲染成功')
})